<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Scoped adapter</title>
		<script type="text/javascript" src="sniper.js"></script>
		<script type="text/javascript">
			// Defaults already provided within script.
			// This is just a listing of settings and their original values.
			SCOPED.settings.useId = true;
			SCOPED.settings.useClassName = true;
			SCOPED.settings.useHierarchy = false;
			SCOPED.onLoad();
		</script>
	</head>
	<body>
		<h1>Base heading</h1>
		<p>Base text</p>
		<article id="widget" class="a">
			<style scoped>
				/* comment */
				p { color: red; }
				h1 { color: blue }
				/* c */
			</style>
			<h1>This should be blue.</h1>
			<p>This should be red.</p>
		</article>
	</body>
</html>